[[ define "about/index.html" ]]
<!-- 如果多级目录中的文件名相同时，需要在html文件中声明一下别名，供后端发送html()时使用，避免加载模板文件被替换掉-->

[[template "head" .]] <!-- 调用定义的公共头部模板文件 -->


<!-- 页面标题区域 -->
<section class="py-12 bg-gradient-to-r from-primary/10 to-secondary/10">
    <div class="container mx-auto px-4">
        <div class="text-center max-w-3xl mx-auto">
            <h1 class="text-4xl md:text-5xl font-bold text-base-content mb-6">关于我们</h1>
            <p class="text-xl text-base-content/70">致力于技术创新，为客户提供卓越的产品与服务</p>
        </div>
    </div>
</section>

<!-- 关于内容区域 -->
<section class="py-16 bg-base-100">
    <div class="container mx-auto px-4">
        <div class="max-w-4xl mx-auto">
            <!-- 公司简介 -->
            <div class="mb-12">
                <h2 class="text-3xl font-bold text-base-content mb-6 pb-4 border-b border-base-300">公司简介</h2>
                <div class="prose prose-lg max-w-none text-base-content/80">
                    <p class="mb-4">[[ .网站名称 ]]是一家专注于软件开发和技术创新的高科技企业，成立于2018年。我们致力于为企业客户提供专业、高效、可靠的软件解决方案。</p>
                    <p class="mb-4">公司总部位于北京，在上海、深圳等地设有分支机构，业务范围覆盖全国。我们的团队由一批经验丰富的技术专家和行业精英组成，具备强大的研发能力和丰富的项目经验。</p>
                    <p class="mb-4">自成立以来，我们始终坚持以客户为中心，以技术为驱动，不断创新和优化产品服务，赢得了广大客户的信赖和好评。</p>
                </div>
            </div>

            <!-- 使命愿景 -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
                <div class="card bg-base-100 shadow-lg p-8">
                    <div class="text-center mb-6">
                        <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/20 text-primary mb-4">
                            <i class="fa fa-bullseye text-2xl"></i>
                        </div>
                        <h3 class="text-2xl font-bold text-base-content mb-4">我们的使命</h3>
                        <p class="text-base-content/70">通过技术创新，赋能企业数字化转型，提升运营效率，创造更大商业价值。</p>
                    </div>
                </div>
                
                <div class="card bg-base-100 shadow-lg p-8">
                    <div class="text-center mb-6">
                        <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-secondary/20 text-secondary mb-4">
                            <i class="fa fa-eye text-2xl"></i>
                        </div>
                        <h3 class="text-2xl font-bold text-base-content mb-4">我们的愿景</h3>
                        <p class="text-base-content/70">成为国内领先的软件服务提供商，打造业界标杆产品，引领行业技术发展。</p>
                    </div>
                </div>
            </div>

            <!-- 核心价值观 -->
            <div class="mb-12">
                <h2 class="text-3xl font-bold text-base-content mb-8 pb-4 border-b border-base-300">核心价值观</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                    <div class="text-center p-6 bg-base-100 rounded-lg shadow-md">
                        <div class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-primary/10 text-primary mb-4">
                            <i class="fa fa-users"></i>
                        </div>
                        <h4 class="text-lg font-bold text-base-content mb-3">客户至上</h4>
                        <p class="text-base-content/70 text-sm">始终以客户需求为导向，提供最优质的服务体验</p>
                    </div>
                    
                    <div class="text-center p-6 bg-base-100 rounded-lg shadow-md">
                        <div class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-secondary/10 text-secondary mb-4">
                            <i class="fa fa-users"></i>
                        </div>
                        <h4 class="text-lg font-bold text-base-content mb-3">创新驱动</h4>
                        <p class="text-base-content/70 text-sm">持续技术创新，保持行业领先地位</p>
                    </div>
                    
                    <div class="text-center p-6 bg-base-100 rounded-lg shadow-md">
                        <div class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-accent/10 text-accent mb-4">
                            <i class="fa fa-users"></i>
                        </div>
                        <h4 class="text-lg font-bold text-base-content mb-3">诚信合作</h4>
                        <p class="text-base-content/70 text-sm">坚持诚信经营，建立长期稳定的合作关系</p>
                    </div>
                    
                    <div class="text-center p-6 bg-base-100 rounded-lg shadow-md">
                        <div class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-neutral/10 text-neutral mb-4">
                            <i class="fa fa-users"></i>
                        </div>
                        <h4 class="text-lg font-bold text-base-content mb-3">追求卓越</h4>
                        <p class="text-base-content/70 text-sm">精益求精，追求产品与服务的极致完美</p>
                    </div>
                </div>
            </div>


        </div>
    </div>
</section>

<style>
.prose p {
    line-height: 1.8;
    margin-bottom: 1.5rem;
}
.prose p:last-child {
    margin-bottom: 0;
}
</style>


[[template "foot" .]] <!-- 调用定义的公共底部模板文件 -->

[[end]]